<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" method="GET">
        <fieldset>
            <legend>基本信息</legend>
            <div>
                <label for="">用户名:</label>
                <input name="user" autofous placeholder="邮箱/手机号" type="text">
            </div>
            <div>
                <label for="">密码:</label>
                <input disabled name="pwd" type="password">
            </div>
        </fieldset>
        <fieldset>
            <legend>补充信息</legend>
            <div>
                性别:
                男: <input name="gender" type="radio" checked value="男">
                女:<input name="gender" type="radio" value="女">
            </div>
            <div>
                爱好:
                篮球: <input name="like" checked value="1" type="checkbox">
                足球: <input name="like" value="2" type="checkbox">
                排球: <input name="like" value="3" type="checkbox">
            </div>
            <div>
                城市:
                <select name="city">
                    <option value="001">北京</option>
                    <option value="002">上海</option>
                    <option value="003">广州</option>
                    <option value="004">深圳</option>
                </select>
            </div>
            <div>
                头像:
                <input type="file" name="avatar">
            </div>
            <div>
                个人简介;
                <textarea readonly name="info" id="" cols="30" rows="10"></textarea>
            </div>
        </fieldset>
        <div>
            <input type="submit" value="登录">
            <input type="reset">
            <input type="button" value="hello">
            <input type="image" src="reg.jpg">
        </div>
    </form>
</body>
</html>